<template>
    <span class="my-button f12" @click="buttonClick">{{ title }}</span>
</template>
<script>
export default {
    name: "MyButton",
    props: { title: String },
    methods: {
        buttonClick() {
            this.$emit("handle")
        }
    }
}
</script>
<style lang="scss" scoped>
.my-button {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 15px;
    color: #c8c8c8;
    margin-left: 5px;
    border: 1px solid #c8c8c8;
}
</style>